|
TabContainer: This is a container that has multiple panes, but it displays only one pane at a time. There are multiple tabs corresponding to each pane, where each tab has the title and close button (label) of the pane. The close button is an optional button whenever you require. When you want to close any tab the click on the close button.
<html><head><title>
<link rel="StyleSheet" type="text/css" href="js/dijit/themes/tundra/tundra.css"> <script type="text/javascript"> var djConfig = { baseScriptUri : "js/dojo/", parseOnLoad : true }; </script><script type="text/javascript" src="js/dojo/dojo.js"></script> <script>dojo.require("dojo.parser"); dojo.require("dijit.layout.ContentPane"); dojo.require("dijit.layout.TabContainer"); </script></head><body class="tundra"> <div dojoType="dijit.layout.TabContainer" style="width:600px;height:150px"> <div dojoType="dijit.layout.ContentPane" title="Struts"> Struts Tutorial</div> <div dojoType="dijit.layout.ContentPane" title="Hibernate" closable="true" selected="true">Hibernate Tutorial </div><div dojoType="dijit.layout.ContentPane" title="Spring"> Spring Tutorial</div></div></body></html> |
copyright © 2014 - all rights riserved by javatechnologycenter.com